{extend name="app/shop/view/base.html"/}
{block name="resources"}
<link rel="stylesheet" href="STATIC_CSS/promotion_detail.css">
{/block}
{block name="main"}
<div class="layui-card card-common card-brief">
	<div class="layui-card-header">
		<div>
			<span class="card-title">基本信息</span>
		</div>
	</div>
	<div class="layui-card-body">
		<div class="promotion-view">
			<div class="promotion-view-item">
				<label>活动名称：</label>
				<span>{$info.topic_name}</span>
			</div>
			<div class="promotion-view-item">
				<label>开始时间：</label>
				<span>{:date('Y-m-d H:i:s',$info.start_time)}</span>
			</div>
			<div class="promotion-view-item">
				<label>结束时间：</label>
				<span>{:date('Y-m-d H:i:s',$info.end_time)}</span>
			</div>

		</div>

		<div class="promotion-view">
			<div class="promotion-view-item-line">
				<label class="promotion-view-item-custom-label">横幅图片：</label>
				<div class="promotion-view-item-custom-box img-upload">
					<div class="upload-img-block icon">
						<div class="upload-img-box">
							{if condition="$info.topic_adv"}
							<img layer-src  src="{:img($info.topic_adv)}" >
							{else/}
							<img layer-src src="__STATIC__/img/shape.png" />
							{/if}
						</div>
					</div>
				</div>
			</div>
			{if !empty($info.remark)}
			<div class="promotion-view-item-line">
				<label class="promotion-view-item-custom-label">活动内容：</label>
				<div class="promotion-view-item-custom-box">{$info.remark}</div>
			</div>
			{/if}
		</div>

	</div>

</div>
<div class="layui-card card-common card-brief">
	<div class="layui-card-header">
		<div>
			<span class="card-title">活动商品</span>
		</div>
	</div>
	<div class="layui-card-body">
		<div class='promotion-view-list'>
			<table id="promotion_list"></table>
		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type='text/html' id="promotion_list_item_box_html">
	<div class="promotion-list-item-title">
		<div class="promotion-list-item-title-icon">
			<img src="{{ ns.img(d.sku_image) }}" alt="">
		</div>
		<p class="promotion-list-item-title-name multi-line-hiding">{{ d.sku_name }}</p>
	</div>
</script>
<script>
	var promotion_list = {:json_encode($info.goods_list, JSON_UNESCAPED_UNICODE)};
	layui.use('table', function() {

		new Table({
			elem: '#promotion_list',
			cols: [
				[{
					field: 'sku_name',
					title: '商品名称',
					width: '30%',
					unresize: 'false',
					templet: '#promotion_list_item_box_html'
				}, {
					field: 'price',
					title: '商品价格',
					unresize: 'false',
					templet: function(data) {
						return '￥' + data.price;
					}
				}, {
					field: 'stock',
					title: '库存',
					unresize: 'false',

				}, {
					title: '活动价格',
					unresize: 'false',
					templet: function(data) {
						return '￥' + data.topic_price;
					}
				}]
			],
			data: promotion_list
		});
	});
</script>
{/block}